<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<div id="app">
<!-- 头部 -->
<div class="row menu-row navbar-fixed-top" >
	<div class="col-xs-2 menu-col"  onclick="onBackEvent();">
		<img src="${_templatePath}/images/back.png" class="menu-col-back"/>
	</div>
	<div class="col-xs-8 menu-col">
		<span>${title}</span>
	</div>
	<template v-if="content.length > 0">
	<div class="col-xs-2"  style="height: 30px; margin-top: 11px;  text-align: center;     padding: 0px;font-size: 14px;">
		<span id="deleteIcon" onclick="deleteShow()" class="glyphicon glyphicon-trash" ></span>
		<span id="cancelIcon" onclick="deleteCancel()" style="display: none" >取消</span>
	</div>
	</template>
</div>

<div v-if="content.length == 0" class="container-fluid" style="margin-top:80px;">
	<div class="col-xsd-12" id="empty_image" style="display:none;">
		<img style="max-width:100%" src="${_templatePath}/images/${emptyPicName}.png"/>
	</div>
</div>

<template v-if="content.length > 0">
	<div class="row-empty" style="margin-top:50px;">
	<div class="row person-content" style="margin-bottom:1em;">
		<div class="col-xs-12"><span class="person-list-title">今天</span></div>
	</div>
	<template v-for="(item,index) in content">
		<input type="hidden" :id="'checked1_'+index+'_val'" :value="type=='history'?item.contentCode:type=='yuyue'?item.code:item.contentId">
		<template v-if="type=='collect'?isToday(item.updateTime):isToday(item.createTime)">
			<div :id="'checked1_'+index+'_line'" class="person-line"></div>
			<div :id="'checked1_'+index+'_row'" class="row person-content">
				<div class="col-xs-1 deleteClass" :id="'unchecked1_'+index" @click="check('checked1_'+index)"   style="padding-left: 5px;margin-top: 8px;display:none;"><img id="" src="${_templatePath}/images/dl_empty.png" style="max-width: 20px;"/></div>
				<div class="col-xs-1 deleteClassChecked" :id="'checked1_'+index"  @click="uncheck('checked1_'+index)"  style="padding-left: 5px;margin-top: 8px;display:none;"><img id="" src="${_templatePath}/images/dl.png" style="max-width: 20px;"/></div>
				<div class="col-xs-11" @click="type=='collect'?personPlay(item.contentType,item.contentId,item.prog,item.contentName,item.contentPoster):type=='history'?personPlay(item.contentType,item.contentCode,item.contentProg,item.title,item.icon):personPlay(item.type,item.code,item.prog,item.title,item.icon)">
					<div class="row">
						<div v-if="type != 'yuyue'" class="col-xs-12 person-content-title" v-text="type=='collect'?item.contentName:item.title"></div>
						<div v-if="type == 'yuyue'" class="col-xs-12 person-content-title" v-text="delChannelTitle(item.title)"></div>
					</div>
					<div class="row" style="margin-top:3px;">
						<div class="col-xs-1"><img src="${_templatePath}/images/${icon}.png" style="max-width: 18px;"/></div>
						<div v-if="type != 'yuyue'" class="col-xs-10 person-content-small" v-text="type=='collect'?getCreateTime(item.updateTime):getCreateTime(item.createTime)"></div>
						<div v-if="type == 'yuyue'" class="col-xs-10 person-content-small"><span v-text="getChannelTitle(item.title)"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span v-text="getCreateTime(item.nextDate)"></span></div>
					</div>
				</div>
			</div>
		</template>
	</template>
	<div id="checked1_line" class="person-line"></div>
	
	<div class="row person-content" style="margin-top:2em;margin-bottom:1em;">
		<div class="col-xs-12"><span class="person-list-title">更早</span></div>
	</div>
	
	<template v-for="(item,index) in content" >
		<input type="hidden" :id="'checked2_'+index+'_val'" :value="type=='history'?item.contentCode:type=='yuyue'?item.code:item.contentId">
		<template v-if="type=='collect'?!isToday(item.updateTime):!isToday(item.createTime)">
			<div :id="'checked2_'+index+'_line'" class="person-line"></div>
			<div :id="'checked2_'+index+'_row'" class="row person-content" style="margin-top:10px;">
				<div class="col-xs-1 deleteClass" :id="'unchecked2_'+index" @click="check('checked2_'+index)"   style="padding-left: 5px;margin-top: 8px;display:none;"><img id="" src="${_templatePath}/images/dl_empty.png" style="max-width: 20px;"/></div>
				<div class="col-xs-1 deleteClassChecked" :id="'checked2_'+index"  @click="uncheck('checked2_'+index)"  style="padding-left: 5px;margin-top: 8px;display:none;"><img id="" src="${_templatePath}/images/dl.png" style="max-width: 20px;"/></div>
				<div class="col-xs-11" @click="type=='collect'?personPlay(item.contentType,item.contentId,item.prog,item.contentName,item.contentPoster):type=='history'?personPlay(item.contentType,item.contentCode,item.contentProg,item.title,item.icon):personPlay(item.type,item.code,item.prog,item.title,item.icon)">
					<div class="row" >
						<div v-if="type != 'yuyue'" class="col-xs-12 person-content-title" v-text="type=='collect'?item.contentName:item.title"></div>
						<div v-if="type == 'yuyue'" class="col-xs-12 person-content-title" v-text="delChannelTitle(item.title)"></div>
					</div>
					<div class="row" style="margin-top:3px;">
						<div class="col-xs-1"><img src="${_templatePath}/images/${icon}.png" style="max-width: 18px;"/></div>
						<div v-if="type != 'yuyue'" class="col-xs-10 person-content-small" v-text="type=='collect'?getCreateTime(item.updateTime):getCreateTime(item.createTime)"></div>
						<div v-if="type == 'yuyue'" class="col-xs-10 person-content-small"><span v-text="getChannelTitle(item.title)"></span>&nbsp;&nbsp;&nbsp;&nbsp;<span v-text="getCreateTime(item.nextDate)"></span></div>
					</div>
				</div>
			</div>
		</template>
	</template>
	<div id="checked2_line" class="person-line"></div>
	</div>
</template>
</div>

<div class="navbar-fixed-bottom row checkButton" id="checkButton" style="margin: 3px;color:white;text-align:-webkit-center;display:none">
	<div class="col-xs-6" style="padding: 8px;" onclick="checkAll()">
		<div  style="background-color:#00a7ba;height:30px;padding-top:5px;border-radius: 4px;">
			<span id="check_all">全选</span>
		</div>
	</div>
	<div class="col-xs-6" style="padding: 8px;" onclick="doDelete()">
		<div style="background-color:#d44240;height:30px;padding-top:5px;border-radius: 4px;">
			<span id="deleteCount">删除</span>
		</div>
	</div>
</div>
<!-- 提示当前内容不可用状态 -->
<div id="notOnLine" style="display:none;text-align:center;padding:1em;line-height:1.5em; position:fixed;
	left:15%;top:40%; width:70%;height:5em;background-color: black;color:white;border-radius:1em;font-size:1.5em;z-index:99999;opacity:0.6;">该节目已下线，请选择观看其他内容！</div>